<template>
	<el-drawer title="车辆信息详情" v-model="visible" :size="800" destroy-on-close @closed="$emit('closed')">
		<el-container v-loading="loading">
			<el-main>
				<el-form>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="车牌号" prop="vehicleNumber">{{ form.vehicleNumber }}</el-form-item>
							<el-form-item label="排序号" prop="sortNo">{{ form.sortNo }}</el-form-item>
							<el-form-item label="品牌" prop="brand">{{ form.brand }}</el-form-item>
							<el-form-item label="型号" prop="model">{{ form.model }}</el-form-item>
							<el-form-item label="排量" prop="displacement">{{ form.displacement }}</el-form-item>
							<el-form-item label="发动机编号" prop="engineNo">{{ form.engineNo }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-image style="width: 100%;height: 280px" :src="form.photo"></el-image>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="颜色" prop="color">{{ form.color }}
							</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="座位数" prop="seats">{{ form.seats }}/人</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="车架号" prop="frameNo">{{ form.frameNo }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="证书编号" prop="certification">{{ form.certification }}</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="车辆性质" prop="nature">{{ form.natureName }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="车辆类型" prop="type">{{ form.typeName }}</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="管理部门" prop="manageDept">{{ form.manageDeptName }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="联系电话" prop="managePhone">{{ form.managePhone }}</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="车辆所有者" prop="onwer">{{ form.onwerName }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="联系电话" prop="onwerPhone">{{ form.onwerPhone }}</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="长期使用者" prop="caruser">{{ form.caruserName }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="联系电话" prop="caruserPhone">{{ form.caruserPhone }}</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="购买价格" prop="price">{{ form.price }}/元</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="购置税" prop="tax">{{ form.tax }}/元</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="购买日期" prop="buyTime">{{ form.buyTime }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="起始里程" prop="mileage">{{ form.mileage }}</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="年检日期" prop="yearlyTime">{{ form.yearlyTime }}</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="保险到期" prop="insureTime">{{ form.insureTime }}</el-form-item>
						</el-col>
					</el-row>
					<el-form-item label="相关附件" prop="attachId">
						<attach-menu :attachIds="form.attachId" :roleFlag="3" :preview="true" ></attach-menu>
					</el-form-item>
					<el-form-item label="备注说明">{{ form.remark }}
					</el-form-item>
				</el-form>
				<el-footer style="text-align: center;">
					<el-button @click="visible=false">关闭</el-button>
				</el-footer>
			</el-main>
		</el-container>
	</el-drawer>
</template>
<script>
import AttachMenu from '@/views/module/attachMenu'

export default {
	emits: ['success', 'closed'],
	components: {
		AttachMenu,
	},
	data() {
		return {
			visible: false,
			isSaveing: false,
			isShowMsg: false,
			form: {},
		}
	},
	mounted() {
	},
	methods: {
		//显示
		open() {
			this.visible = true;
			return this
		},
		setData(data) {
			this.form=data
		},
	}
}
</script>

<style>
.customWidth {
	width: 60%;
}
</style>
